<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Ajax post请求</title>
	</head>
	<body>
		<h1>简化Axios</h1>
		<script src="../js/axios.js"></script>
		<script>
			/* 1.post请求说明 from表单提交/新增入库 */
			/* 实现用户信息的新增 */
			/* 设定公共的请求路径 */
			axios.defaults.baseURL="http://localhost:8090"
			let user = {
				name: '八神',
				age: 100,
				sex: '未知'
			}
			/* 
			2.解构赋值
			想法：能否利用一个方法 就将数据直接获取 简化2步调用的结构
			实现：ES7 提供了 await async 简化现有axios操作
			用法：说明：
			    1.await 标识异步请求
				2.async 用在函数中.支持解构 要求同时出现
				
			 */
			//post请求的参数 直接传递
		async function ajax(){
			/* 3.语法结构：
			      let{} 用来接收解构后的对象 将ajax返回值data 赋值给value~形参变量*/
			let {data: value} = await axios.post("/saveUser",user)
			console.log(value)
			}    
			//调用函数
				ajax()
						 
		</script>
	</body>
</html>
